<template>
    <div>
        <!--右边-->
        <div class="h-27">
            <div class="k-1">
                <div class="k-2">我的发票</div>
                <div class="k-3">
                    <form  class="layui-form k-4" action="">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">日期</label>
                                <div class="layui-input-inline" style="width: 140px;margin-right: 3px;">
                                    <input type="text" name="date" id="date" lay-verify="date" placeholder="请选择开始日期" autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-form-mid" style="letter-spacing: -3px;color: #ebebeb;">---</div>
                                <div class="layui-input-inline" style="width: 140px;margin-right: 0;">
                                    <input type="text" name="date" id="date1" lay-verify="date" placeholder="请选择结束日期" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline" style="margin-right: 0px;">
                                <label class="layui-form-label">项目名称</label>
                                <div class="layui-input-inline" style="width: 140px;">
                                    <input type="text" name="email" lay-verify="email" autocomplete="off" class="layui-input" placeholder="请输入项目名称">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">搜索选择框</label>
                                <div class="layui-input-inline" style="width: 130px;margin-right: 0;">
                                    <select name="modules" lay-verify="required" lay-search="">
                                        <option value="" disabled selected hidden>请输入选择状态</option>
                                        <option value="1">layer</option>
                                        <option value="2">form</option>
                                        <option value="3">layim</option>
                                    </select>
                                </div>
                            </div>
                            <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">查询</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="k-5">
                <div class="k-2">详细记录
                    <div class="k-6">
                        <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">批量下载</button>
                        <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">删除</button>
                    </div>
                </div>
                <div class="k-7">
                    <table class="k-8">
                        <thead>
                        <tr>
                            <th width="7.5%">
                                <input type="checkbox" id="j_cbAll" />全选
                            </th>
                            <th width="17%">编号</th>
                            <th width="12%">成交时间</th>
                            <th width="12%">成交价格</th>
                            <th width="9%">支付方式</th>
                            <th width="17%">项目名称</th>
                            <th width="10%">状态</th>
                            <th width="16%">操作</th>
                        </tr>
                        </thead>
                        <tbody id="j_tb">
                        <tr>
                            <td>
                                <input type="checkbox" />
                            </td>
                            <td class="e-1">CCCTGP012020001</td>
                            <td>2019-07-06</td>
                            <td>￥599.00</td>
                            <td>支付宝支付</td>
                            <td>作品一作品一作品一</td>
                            <td class="ywc">已完成</td>
                            <td><a class="k-9 k1-9" href="javascript:;">申请发票</a></td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" />
                            </td>
                            <td class="e-1">CCCTGP012020001</td>
                            <td>2019-07-06</td>
                            <td>￥599.00</td>
                            <td>支付宝支付</td>
                            <td>作品一作品一作品一</td>
                            <td class="ywc dwc">待完成</td>
                            <td><a class="k-9 k1-9" href="javascript:;">申请发票</a></td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" />
                            </td>
                            <td class="e-1">CCCTGP012020001</td>
                            <td>2019-07-06</td>
                            <td>￥599.00</td>
                            <td>支付宝支付</td>
                            <td>作品一作品一作品一</td>
                            <td class="ywc">待完成</td>
                            <td><a class="k-9 k1-9" href="javascript:;">申请发票</a></td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" />
                            </td>
                            <td class="e-1">CCCTGP012020001</td>
                            <td>2019-07-06</td>
                            <td>￥599.00</td>
                            <td>支付宝支付</td>
                            <td>作品一作品一作品一</td>
                            <td class="ywc dwc">待完成</td>
                            <td><a class="k-9 k1-9" href="javascript:;">申请发票</a></td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" />
                            </td>
                            <td class="e-1">CCCTGP012020001</td>
                            <td>2019-07-06</td>
                            <td>￥599.00</td>
                            <td>支付宝支付</td>
                            <td>作品一作品一作品一</td>
                            <td class="ywc">待完成</td>
                            <td><a class="k-9 k1-9" href="javascript:;">申请发票</a></td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" />
                            </td>
                            <td class="e-1">CCCTGP012020001</td>
                            <td>2019-07-06</td>
                            <td>￥599.00</td>
                            <td>支付宝支付</td>
                            <td>作品一作品一作品一</td>
                            <td class="ywc dwc">待完成</td>
                            <td><a class="k-9 k1-9" href="javascript:;">申请发票</a></td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" />
                            </td>
                            <td class="e-1">CCCTGP012020001</td>
                            <td>2019-07-06</td>
                            <td>￥599.00</td>
                            <td>支付宝支付</td>
                            <td>作品一作品一作品一</td>
                            <td class="ywc">待完成</td>
                            <td><a class="k-9 k1-9" href="javascript:;">申请发票</a></td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" />
                            </td>
                            <td class="e-1">CCCTGP012020001</td>
                            <td>2019-07-06</td>
                            <td>￥599.00</td>
                            <td>支付宝支付</td>
                            <td>作品一作品一作品一</td>
                            <td class="ywc dwc">待完成</td>
                            <td><a class="k-9 k1-9" href="javascript:;">申请发票</a></td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="a-35 h-48">
                        <a class="active" href="javascript:;">1</a>
                        <a href="javascript:;">2</a>
                        <a href="javascript:;">3</a>
                        <a href="javascript:;" style="line-height: 30px;">...</a>
                        <a href="javascript:;">20</a>
                    </div>
                </div>
            </div>
        </div>
        <div style="clear: both;"></div>
    </div>
</template>

<script>
    export default {
        name: "myInvoice"
    }
</script>

<style scoped>
    @import "../../layui/css/layui.css";
    @import "../../css/index.css";
    @import "../../css/user_listing.css";
    @import "../../css/user_contract.css";
    @import "../../css/idangerous.swiper.css";
</style>